<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>案例</title>
		<script>
				var webroot = "/",
			murl = "/";
		</script>

		<meta name="viewport" content="width=1200">
		<link href="./static/css/style.css" rel="stylesheet">
		<link href="./static/css/common.css" rel="stylesheet">
		<link href="./static/css/animate.min.css" rel="stylesheet">
		<link rel="icon" href="http://www.gzzunji.com/static/img/favicon.ico" type="image/x-icon"/>
		<script src="./static/js/jquery.js"></script>
		<!--[if lt IE 9]>
<script src="http://mb.52web.me/TP000022/theme/TP000022/js/html5shiv.min.js" ></script>
<link href="http://mb.52web.me/TP000022/theme/TP000022/css/ie8.css"  rel="stylesheet">
<![endif]-->
		<!--[if IE 9]>
<link href="http://mb.52web.me/TP000022/theme/TP000022/css/ie9.css"  rel="stylesheet">
<![endif]-->
		<script src="./static/js/jquery.validator.js"></script>
		<script src="./static/js/zh_CN.js"></script>
		<link rel="stylesheet" type="text/css" href="./static/css/jquery.validator.css">
		<!--<script src="./static/js/mobile.js"></script>-->
		<link rel="stylesheet" type="text/css" href="./static/css/jquery.tip.css">
	</head>

	<body>

		<!--顶部开始-->
		<header class="header header-top headroom headroom--top" id="header">
		</header>
		<!--顶部结束-->
		<div id="topnavbox"></div>

		<!--栏目分类开始-->
		<!--<section class="crumbs text-right">
			<div class="container">
				<ul class="list-unstyled">

					<li>
						<a href="http://mb.52web.me/TP000022/list.asp?classid=9" title="公司新闻">公司新闻</a>
					</li>
					<li>
						<a class="hover" href="http://mb.52web.me/TP000022/list.asp?classid=10" title="行业新闻">行业新闻</a>
					</li>
					<li>
						<a href="http://mb.52web.me/TP000022/list.asp?classid=18" title="专业知识">专业知识</a>
					</li>
				</ul>
			</div>
		</section>-->
		<!--栏目分类结束-->
		<!--文章列表开始-->
		<div class="neirong">
			<article class="container info sx-padding clearfix">
				<!--图片内容开始-->
				<main class="main pull-left" id="anlidemo">

					<script id="anlidetail" type="text/html">

						<h2 class="biaoti wow animated fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">{{caseList.caseTitle}}</h2>
						<p class="shuoming wow animated fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">日期：{{caseList.date}} / 人气：<span id="hits">{{caseList.caseView}} </span></p>
						<div class="wow animated fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">

							<div class="clear"></div>
							<div class="view_imgs">
								<span id="prev" class="btn prev"></span>
								<span id="next" class="btn next"></span>
								<span id="prevTop" class="btn prev"></span>
								<span id="nextTop" class="btn next"></span>
								<div id="picBox" class="picBox">
									<ul class="cf" style="width: 3330px;">
										<li><img width="555" height="416" src="{{caseList.caseImgUrl}}" alt="" original="{{caseList.caseImgUrl}}"></li>
										<li><img width="555" height="416" src="{{caseList.caseImgUrl}}" alt="" original="{{caseList.caseImgUrl}}"></li>
										<li><img width="555" height="416" src="{{caseList.caseImgUrl}}" alt="" original="{{caseList.caseImgUrl}}"></li>
										<li><img width="555" height="416" src="{{caseList.caseImgUrl}}" alt="" original="{{caseList.caseImgUrl}}"></li>
										<li><img width="555" height="416" src="{{caseList.caseImgUrl}}" alt="" original="{{caseList.caseImgUrl}}"></li>
										<li><img width="555" height="416" src="{{caseList.caseImgUrl}}" alt="" original="{{caseList.caseImgUrl}}"></li>
									</ul>
								</div>
								<div id="listBox" class="listBox">
									<ul class="cf" style="width: 624px;">
										<li><img width="555" height="416" src="{{caseList.caseImgUrl}}" alt="" original="{{caseList.caseImgUrl}}"></li>
										<li><img width="555" height="416" src="{{caseList.caseImgUrl}}" alt="" original="{{caseList.caseImgUrl}}"></li>
										<li><img width="555" height="416" src="{{caseList.caseImgUrl}}" alt="" original="{{caseList.caseImgUrl}}"></li>
										<li><img width="555" height="416" src="{{caseList.caseImgUrl}}" alt="" original="{{caseList.caseImgUrl}}"></li>
										<li><img width="555" height="416" src="{{caseList.caseImgUrl}}" alt="" original="{{caseList.caseImgUrl}}"></li>
										<li><img width="555" height="416" src="{{caseList.caseImgUrl}}" alt="" original="{{caseList.caseImgUrl}}"></li>
									</ul>
								</div>
							</div>

							<p>{{@caseContent}}</p>
						</div>
						<hr>
						<!--<div class="text-center wow animated fadeInUp animated" style="visibility: hidden; animation-name: none;">
							<a class="btn-success">上一篇：抱歉暂无数据</a>

							<a href="http://mb.52web.me/TP000022/show.asp?id=23" title="成功案例标题" class="btn-success">下一篇：成功案例标题</a>
						</div>-->

					</script>
					<script type="text/javascript" src="http://mb.52web.me/TP000022/theme/TP000022/js/view_img.js"></script>

				</main>
				<!--图片内容结束-->

				<aside class="aside pull-left">
					<!--相关内容开始-->
					<h4 class="ny-h4 wow animated fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">相关内容 <small>Related</small></h4>
					<ul class="list-unstyled clearfix wow animated fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;" id="anlixianguan">

						<script id="related_anli" type="text/html">
							{{each relatedAnli}}
							<li>
								<a href="./anlidetail.html?id={{$value.id}}" title="{{$value.caseTitle}}">{{$value.caseTitle}}…</a><small class="pull-right">{{$value.date | changeDate}}</small></li>
							{{/each}}

						</script>

					</ul>
					<!--相关内容结束-->

					<!--联系我们开始-->
					<!--<h4 class="ny-h4 wow animated fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">联系我们 <small>Contact US</small></h4>
					<ul class="list-unstyled clearfix wow animated fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">
						<li class="red">服务电话：+86-0000-96877</li>
						<li class="red">服务手机：+86-0000-96877</li>
						<li class="red">在线ＱＱ：
							<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=601526061&amp;site=qq&amp;menu=yes" target="_blank" class="qq" rel="nofollow">601526061</a>
						</li>
						<li class="red">公司邮箱：这里是您的公司邮箱</li>
						<li class="red">公司地址：这里是您的公司地址</li>
					</ul>-->
					<!--联系我们结束-->
				</aside>
			</article>
		</div>
		<!--文章列表结束-->
		<!--页尾开始-->
		<div id="footer"></div>
		<footer class="pingpu-bg" id="yy">
			<div id="demo" class="footer container sx-padding">
				<div class="clearfix wow animated fadeIn" style="visibility: hidden; animation-name: none;" id="footer">
					<!--留言-->
					<div id="liuyan"></div>

				</div>

				<!--友情链接-->
				<div id="youlian"></div>

			</div>

			<!--底部-->
			<div id="foot"></div>
		</footer>
		<!--页尾结束-->

		<div id="kefubox"></div>

		<script src="./static/js/wow.min.js"></script>
		<script>
			wow = new WOW({
				animateClass: 'animated',
				offset: 100
			});
			wow.init();
			document.getElementById('moar').onclick = function() {
				var section = document.createElement('section');
				section.className = 'section--purple wow fadeInDown';
				this.parentNode.insertBefore(section, this);
			};
		</script>
		<script type="text/javascript" src="static/js/template-web.js"></script>
		<script type="text/javascript" src="static/js/webdata.js"></script>
		<script>
			$(document).ready(function() {
				var id = GetRequest().id;

				$.ajax({
					url: anlidetail,
					type: "get",
					dataType: "json",
					data: {
						id: id,

					},
					success: function(response) {
						console.log(response);
						webdata.foranlidetail = response;
						console.log(webdata.foranlidetail);
						var list = template('anlidetail', webdata.foranlidetail);
						document.getElementById("anlidemo").innerHTML = list;

					},
					error: function(errordata) {
						console.log(errordata);
					}
				});

				//相关新闻
				$.ajax({
					url: getanli,
					type: "get",
					dataType: "json",

					data: {
						num: 1
					},
					success: function(response) {
						console.log(response);
						webdata.relatedAnli = response;
						console.log(webdata);
						var list = template('related_anli', webdata);
						document.getElementById("anlixianguan").innerHTML = list;
					},
					error: function(errordata) {
						console.log(errordata);

					}
				});

				//增加浏览量
				$.ajax({
					url: addanlisnum,
					type: "post",
					dataType: "json",
					headers: {
						Accept: "application/json; charset=utf-8"
					},
					data: {
						id: id
					},
					success: function(response) {
						console.log("num=" + response);

					},
					error: function(errordata) {
						console.log(errordata);

					}
				});

			

			var s = "./static/template/header.html?v=" + Math.random();
			console.log(s);
			$("#header").load(s);
			var f = "./static/template/foot.html?v=" + Math.random();
			$("#foot").load(f);
			var l = "./static/template/liuyan.html?v=" + Math.random();
			$("#liuyan").load(l);
			var y = "./static/template/youlian.html?v=" + Math.random();
			$("#youlian").load(y);

			var kefu = $.get('static/template/kefu.html', function(data) {
				var render = template.compile(data);
				var str = render(webdata);

				document.getElementById('kefubox').innerHTML = str;
			});

			var t = "./static/template/topnav.html?v=" + Math.random();
			$("#topnavbox").load(t);

			});
		</script>

		<!-- header up start -->
		<script src="./static/js/headroom.min.js"></script>
		<script src="./static/js/jquery.headroom.js"></script>
		<script>
			$("#header").headroom();
		</script>
		<!-- banner start -->
		<script type="text/javascript" src="./static/js/jiaodiantu.js"></script>
		<script src="./static/js/jquery.tips.js"></script>

	</body>

</html>